<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=0, initial-scale=1.0, maximum-scale=1.0">
    <title>Title</title>
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/index.css">
    <!--<script src="js/rem.js"></script>-->
    <style>
    </style>

</head>
<body>
    <!--侧边栏-->
    <div class="sidebar">
        <div class="sidebar-register"><a href="javascript:;"><p class="iconfont">&#xe675;</p><span>登录账号</span></a></div>
        <div class="sidebar-list">
            <ul>
                <li><a href="javascript:;"><span class="iconfont">&#xe623; </span>收藏</a></li>
                <li><a href="javascript:;"><span class="iconfont">&#xe60f; </span>评论</a></li>
                <li><a href="javascript:;"><span class="iconfont">&#xe628; </span>卡包</a></li>
                <li><a href="javascript:;"><span class="iconfont">&#xe6e0; </span>积分收藏</a></li>
            </ul>
        </div>
    </div>
    <!--搜索-->
    <section class="search-box">
        <div class="search-box-c">
            <b class="iconfont">&#xe643;</b><input type="text" placeholder="请输入搜索关键字">
            <a class="cancel" href="javascript:;">取消</a>
        </div>
    </section>
    <!--主页-->
    <div class="home-box">
            <header class="header">
                <div class="side"><a class="iconfont" href="javascript:;">&#xe616;</a></div>
                <h3 class="title iconfont">&#xe501;</h3>
                <div class="search"><a class="iconfont" href="javascript:;">&#xe643;</a></div>
            </header>
            <section class="tab">
                <ul>
                    <li class="current"><a href="javascript:;">头条</a></li>
                    <li><a href="javascript:;">娱乐</a></li>
                    <li><a href="javascript:;">视频</a></li>
                    <li><a href="javascript:;">体育</a></li>
                    <li><a href="javascript:;">财经</a></li>
                    <li><a href="javascript:;">科技</a></li>
                    <li><a href="javascript:;">汽车</a></li>
                    <li><a href="javascript:;">直播</a></li>
                    <li><a href="javascript:;">图片</a></li>
                    <li><a href="javascript:;">广州</a></li>
                    <li><a href="javascript:;">军事</a></li>
                    <li><a href="javascript:;">社会</a></li>
                    <li><a href="javascript:;">旅游</a></li>
                    <li><a href="javascript:;">搞笑</a></li>
                    <li><a href="javascript:;">NBA</a></li>
                    <li><a href="javascript:;">八卦</a></li>
                    <li><a href="javascript:;">时尚</a></li>
                    <li><a href="javascript:;">女性</a></li>
                    <li><a href="javascript:;">博客</a></li>
                    <li><a href="javascript:;">数码</a></li>
                    <li><a href="javascript:;">教育</a></li>
                    <li><a href="javascript:;">星座</a></li>
                    <li><a href="javascript:;">游戏</a></li>
                    <li><a href="javascript:;">家具</a></li>
                    <li><a href="javascript:;">健康</a></li>
                </ul>
            </section>

        <section class="content">
            <div id="content-box">
                <ul id="content-ul">

                </ul>
            </div>
        </section>
        <footer class="footer">
            <ul class="clearfix">
                <li><a href="javascript:;">
                    <p class="iconfont">&#xe729;</p>
                    <span>首页</span>
                </a></li>
                <li><a href="javascript:;">
                    <p class="iconfont">&#xe742;</p>
                    <span>热门</span>
                </a>
                </li>
                <li><a href="javascript:;"><p class="iconfont">&#xe607;</p>
                    <span>发现</span></a></li>
                <li><a href="javascript:;"><p class="iconfont">&#xe675;</p>
                    <span>我的</span></a></li>
            </ul>
        </footer>
    </div>



</body>
<script type="text/template" id="content">
    <% for(var i = 0 ; i < data.length ; i++){ %>
    <li class="content-c">
        <img src=<%=data[i].src%> alt="">
        <p class="content-tit"><%=data[i].keyword%></p>
        <p class="content-time"><span class="iconfont">&#xe60f;</span><%=data[i].comment%></p>
    </li>
    <%}%>
</script>
<script src="js/zepto.js"></script>
<script src="js/fx.js"></script>
<script src="js/fx_methods.js"></script>
<script src="js/touch.js"></script>
<script src="js/swipe.js"></script>
<script src="js/template-native.js"></script>
<script src="js/index.js"></script>
<script>
    var news = new news()
</script>


</html>